import React from 'react';
import { DownOutlined } from '@ant-design/icons';
import { Dropdown, Space,ConfigProvider,Typography,Select } from 'antd';
import lay from '../../assets/css/layout.module.css'
import '../../assets/css/style1.module.css'
import { useState } from 'react';


export default function Drop(props) {
  let [kongName,setKongName] = useState('')

  const handleChange = (value) => {
    console.log(`selected ${value}`);
    setKongName(value)
    props.setDropData(value)
  
  };

  
  return(
   <>
     <Select
     placeholder="北京国贸项目"
 
     style={{ width: 180  }}
     onChange={handleChange}
     className={lay.drop1}
     options={[
       { value: '北京国贸项目', label: '北京国贸项目' },
       { value: '北京霄云路氪空间项目', label: '北京霄云路氪空间项目' },
       { value: '上海徐家汇项目', label: '上海徐家汇项目' }
       
     ]}
   />
   </>
  )
  
 }